<template>
	<view class="nmview">
		<u-popup v-model="yanshow" mode="center" @close="yanclose" width="80%" :closeable="false" z-index="10">
			<image
				:src="taninfo.image"
				mode="widthFix"
				style="width: 100%;"
				@click="getimg"
				lazy-load
			/>
		</u-popup>
	</view>
	
</template>

<script>
export default {
	props: {
		yanshow: {
			type: Boolean,
			default: false
		},
		taninfo:{
			type: Object,
			// default: ''
		},
	
	},
	name: "Nheader",
	data() {
		return {
			ispayPop: true,
			animat: this.isanimate(),
			huishow:false,
			tips: '',
			// refCode: null,
			seconds: 10,
			yanval:''
		};
	},
	methods: {
		getsou(){
			uni.showToast({
				title: '点击此处',
				icon: 'success'
			})
		},
		leftClick() {
			this.$emit("leftClick");
		},
		connectWallet(){
			
			this.$emit("connectWallet");
		},
		gettantwo(){
			this.$emit("gettantwo");
		},
		getimg(){
			if(this.taninfo.url!=''){
				this.navrouter(this.taninfo.url);
				this.$emit("yanclose");
			}
			// uni.switchTab({ url: '/pages/tabbar/Tabhome' })
		},
		yanclose(){
			this.$emit("yanclose");
			// this.mshow  =false
		},
		finish(e){
			console.log(e)
			this.yanval = e
			
		},
		yanbtn(){
			console.log(this.yanval.length)
			if(Number(this.yanval.length)<6){
				this.$u.toast('请输入验证码');
				return false
			}
			this.$emit("yanclose");
			this.$emit("yanbtn",this.yanval);
		},
		getcode(){
			
			this.$emit("getcode");
		}

	}
}
</script>

<style scoped lang="scss">
.mpop{
	// padding: 50rpx 30rpx;
	// // #ifdef APP-PLUS
	// padding-top: calc(var(--status-bar-height) + 50rpx);;
	// // #endif
	// background-color: #fff;
	// padding: 40rpx;
	// border-radius: 40rpx;
	width: 100%;
	position: relative;
	.yantit{
		font-family: Source Han Sans CN;
		font-weight: bold;
		font-size: 43rpx;
		color: #000000;
		display: block;
		margin: 10rpx auto 20rpx;
		text-align: center;
	}
	.youname{
		font-family: Source Han Sans CN;
		font-weight: 400;
		font-size: 30rpx;
		color: #8B8B8B;
		display: block;
		text-align: center;
	}
	.yantan{
		margin: 50rpx 0 30rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.yanfa{
		display: flex;
		align-items: center;
		justify-content: flex-end;
		text{
			font-family: Source Han Sans CN;
			font-weight: 400;
			font-size: 26rpx;
			color: #BBBBBB;
		}
	}
	.querenben{
		height: 96rpx;
		background: #EBEBEB;
		border-radius: 48rpx;
		width: 80%;
		margin: 50rpx auto 10rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		font-family: Source Han Sans CN;
		font-weight: 500;
		font-size: 30rpx;
		color: #A5A5A5;
	}
	.qbtns{
		background: #000000;
		color: #fff;
	}
}
.nmview{
	/deep/.u-mode-center-box{
		background-color: transparent;
	}
}
</style>
